<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
	</head>
	<body>
		<p>这是一个段落</p>
		<button onclick="appendText()">追加文本</button>
		<script type="text/javascript">
			function appendText(){
				var text1="<p>text1</p>";//使用HTML标签创建文本
				var text2=$("<p></p>").text("text2");//使用jQuery创建文本
				var text3=document.createElement("p");
				text3.innerHTML="text3";//使用DOM创建文本 text with DOM
				$("body").append(text1,text2,text3);//追加新元素
			}
		</script>
	</body>
</html>
